/*-----------------[初始化]--------------*/
*{ font-family: PingFang SC;}
/* 清理浮动 */
.cle:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.cle:after{zoom:1;}
.clear{clear: both;}
.tc{text-align:center;}
.tl{text-align:left}
.tr{text-align:right}
.fl{float: left;}
.fr{float: right;}
.red{
	color: red;
}
.blue{
	color: #0156FF;
}
.black{
	color: black;
}
.underline{
/* 	background-color: yellow; */
	text-decoration:underline ;
}
.grayBorder{

	border: 1rpx dashed gray;
}
.huanhang{
	word-wrap:break-word;
	word-break:break-all; 
	overflow: hidden;/*这个参数根据需求来决定要不要*/
}
.letter-15{
	letter-spacing:15rpx;
}
.wp{ width: 94%; margin: 0 auto;}
.w30{ width: 30%;}.w40{ width: 40%;}.w47{ width: 47%;}.w48{ width: 48%;}.w49{ width: 49%;}.w50{ width: 50%;}.w60{ width: 60%;}.w80{ width: 80%;}.w90{ width: 90%;}
.bg-white{
	 background-color:#FFFFFF;
}
.bg_fa{ background-color: #fafafa;}.bg_f2{ background-color: #f2f2f2;}.bg_f1{ background-color: #f1f1f1;}.bg_f5{ background-color: #f5f5f5;}.bg_f6{ background-color: #f6f6f6;}.bg_f7{ background-color: #f7f7f7;}.bg_f8{ background-color: #f8f8f8;}.bg_e{ background-color: #eee;}.bg_d{ background-color: #ddd;}.bg_w{ background-color: #fff;}.bg_3{ background-color: #333;}.bcf{ color: #fff;}.bc3{ color: #333;}.bcc{ color: #ccc;}.bc9{ color: #999;}.bc6{ color: #666;}

.rd4{border-radius: 4rpx;}.rd5{border-radius: 5rpx;}.rd6{border-radius: 6rpx;}.rd8{border-radius: 8rpx;}.rd10{border-radius: 10rpx;}.rd15{border-radius: 15rpx;}.rd20{border-radius: 20rpx;}.rd30{border-radius: 30rpx;}.rd40{border-radius: 40rpx;}.rd50{border-radius: 50rpx;}.rd60{border-radius: 60rpx;}.rd70{border-radius: 70rpx;}.rd80{border-radius: 80rpx;}.rd90{border-radius: 90rpx;}.rd100{border-radius: 100rpx;}.rd120{border-radius: 120rpx;}.rdhalf{  border-radius:50%}

.ml5{ margin-left: 5rpx;}.ml10{ margin-left: 10rpx;}.ml15{ margin-left: 15rpx;}.ml20{ margin-left: 20rpx;}.ml25{ margin-left: 25rpx;}.ml30{ margin-left: 30rpx;}.ml40{ margin-left: 40rpx;}.ml50{ margin-left: 50rpx;}.ml60{ margin-left: 60rpx;}

.mt5{ margin-top: 5rpx;}.mt10{ margin-top: 10rpx;}.mt15{ margin-top: 15rpx;}.mt20{ margin-top: 20rpx;}.mt25{ margin-top: 25rpx;}.mt30{ margin-top: 30rpx;}.mt35{ margin-top: 35rpx;}.mt40{ margin-top: 40rpx;}.mt45{ margin-top: 45rpx;}.mt50{ margin-top: 50rpx;}.mt60{ margin-top: 60rpx;}.mt70{ margin-top: 70rpx;}.mt80{ margin-top: 80rpx;}.mt90{ margin-top: 90rpx;}.mt100{ margin-top:100rpx;}.mt150{ margin-top:150rpx;}.mt200{ margin-top:200rpx;}.mt-20{ margin-top: -20rpx;}.mt-30{ margin-top: -30rpx;}.mt-40{ margin-top: -40rpx;}

.mb5{ margin-bottom: 5rpx;}.mb10{ margin-bottom: 10rpx;}.mb15{ margin-bottom: 15rpx;}.mb20{ margin-bottom: 20rpx;}.mb25{ margin-bottom: 25rpx;}.mb30{ margin-bottom: 30rpx;}.mb40{ margin-bottom: 40rpx;}.mb50{ margin-bottom: 50rpx;}.mb60{ margin-bottom: 60rpx;}.mb80{ margin-bottom: 80rpx;}

.mr5{ margin-right: 5rpx;}.mr10{ margin-right: 10rpx;}.mr15{ margin-right: 15rpx;}.mr20{ margin-right: 20rpx;}.mr25{ margin-right: 25rpx;}.mr30{ margin-right: 30rpx;}.mr40{ margin-right: 40rpx;}.mr60{ margin-right: 60rpx;}.mr80{ margin-right: 80rpx;}.mr100{ margin-right: 100rpx;}

.pl10{ padding-left: 10rpx;}.pl20{ padding-left: 20rpx;}.pl25{ padding-left: 25rpx;}.pl30{ padding-left: 30rpx;}.pl40{ padding-left: 40rpx;}.pl50{ padding-left: 50rpx;}.pl60{ padding-left: 60rpx;}.pl80{ padding-left: 80rpx;}.pl100{ padding-left: 100rpx;}

.pr10{ padding-right: 10rpx;}.pr20{ padding-right: 20rpx;}.pr25{ padding-right: 25rpx;}.pr30{ padding-right: 30rpx;}.pr40{ padding-right: 40rpx;}.pr50{ padding-right: 50rpx;}.pr60{ padding-right: 60rpx;}.pr80{ padding-right: 80rpx;}.pr100{ padding-right: 100rpx;}

.pb10{ padding-bottom: 10rpx;}.pb20{ padding-bottom: 20rpx;}.pb25{ padding-bottom: 25rpx;}.pb30{ padding-bottom: 30rpx;}.pb40{ padding-bottom: 40rpx;}.pb50{ padding-bottom: 50rpx;}.pb100{ padding-bottom: 100rpx;}

.pt10{ padding-top: 10rpx;}.pt20{ padding-top: 20rpx;}.pt25{ padding-top: 25rpx;}.pt30{ padding-top: 30rpx;}.pt40{ padding-top: 40rpx;}.pt50{ padding-top: 50rpx;} .pt60{ padding-top: 60rpx;}   .pt100{ padding-top: 100rpx;}

.plr{ padding-left: 30rpx; padding-right: 30rpx;}.plr10{ padding-left: 10rpx; padding-right: 10rpx;}.plr20{ padding-left: 20rpx; padding-right: 20rpx;}.plr30{ padding-left: 30rpx; padding-right: 30rpx;}.plr40{ padding-left: 40rpx; padding-right: 40rpx;}.plr50{ padding-left: 50rpx; padding-right: 50rpx;}.plr60{ padding-left: 60rpx; padding-right: 60rpx;}

.ptb10{padding-bottom: 10rpx; padding-top: 10rpx;} .ptb15{padding-bottom: 15rpx; padding-top: 15rpx;} .ptb20{padding-bottom: 20rpx; padding-top: 20rpx;}.ptb25{padding-bottom: 25rpx; padding-top: 25rpx;}.ptb30{padding-bottom: 30rpx; padding-top: 30rpx;}.ptb35{padding-bottom: 35rpx; padding-top: 35rpx;}.ptb40{padding-bottom: 40rpx; padding-top: 40rpx;}.ptb50{padding-bottom: 50rpx; padding-top: 50rpx;}.ptb60{padding-bottom: 60rpx; padding-top: 60rpx;}.ptb80{padding-bottom: 80rpx; padding-top: 80rpx;}.ptb100{padding-bottom: 100rpx; padding-top: 100rpx;}

.p5{ padding:5rpx}.p10{ padding:10rpx} .p20{ padding:20rpx}.p30{ padding:30rpx}.p2030{ padding:20rpx 30rpx}.p40{ padding:40rpx}.p3040{ padding:30rpx 40rpx}

.f0{ font-size: 0rpx;}.f20{ font-size: 20rpx;}.f22{ font-size: 22rpx;}.f24{ font-size: 24rpx;}.f26{ font-size: 26rpx;}.f28{ font-size: 28rpx;}.f30{ font-size: 30rpx;}.f32{ font-size: 32rpx;}.f34{ font-size: 34rpx;}.f36{ font-size: 36rpx;} .f38{ font-size: 38rpx;}.f40{ font-size: 40rpx;} .f42{ font-size: 42rpx;}.f44{ font-size: 44rpx;}.f48{ font-size: 48rpx;}.f50{ font-size: 50rpx;}.f60{ font-size: 60rpx;}.f64{ font-size: 64rpx;}.f70{ font-size: 70rpx;}.f80{ font-size: 80rpx;}.f90{ font-size: 90rpx;}.f100{ font-size: 100rpx;}

.img-20{ width: 20rpx; height: 20rpx;}
.img-24{ width: 24rpx; height: 24rpx;}
.img-26{ width: 26rpx; height: 26rpx;}
.img-30{ width: 30rpx; height: 30rpx;}
.img-32{ width: 32rpx; height: 32rpx;}
.img-36{ width: 36rpx; height: 36rpx;}
.img-40{ width: 40rpx; height: 40rpx;}
.img-48{ width: 48rpx; height: 48rpx;}
.img-60{ width: 60rpx; height: 60rpx;}
.img-66{ width: 66rpx; height: 66rpx;}
.img-80{ width: 80rpx; height: 80rpx;}
.img-86{ width: 86rpx; height: 86rpx;}
.img-100{ width: 100rpx; height: 100rpx;}
.img-120{ width: 120rpx; height: 120rpx;}
.img-150{ width: 150rpx; height: 150rpx;}
.img-200{ width: 200rpx; height: 200rpx;}
.img-full{ width: 100%;}

.rimb{ border-bottom: 1px solid #E9E9E9;}
.rimt{ border-top: 1px solid #E9E9E9;}
.rimb2{ border-bottom: 1px solid #F1F1F1;}
.rimb3{ border-bottom: 1px solid #F2F2F2;}
.rimt2{ border-top: 1px solid #F1F1F1;}

.bcover{  background-size: cover; background-position: center center; background-repeat:  no-repeat;}
.bfull{ background-size: 100% 100%; background-position: center center; background-repeat:  no-repeat;}

.b{ font-weight: bold;}
.ibm{ display: inline-block; vertical-align: middle;}
.bbox{ box-sizing: border-box;}
.rauto{ margin-left:auto; margin-right:auto}
.fixedBottom{position: fixed;		left: 0;		bottom: 0;		width: 100%;}
.lh1-6{line-height: 1.6;}
.lh1-6{line-height: 1.6;}
.lh1-8{line-height: 1.8;}
.lh2{line-height: 2;}

.sbtn{ display: inline-block; padding: 0.6em 2em;  border: 1rpx solid transparent; box-sizing: border-box; text-align: center;}
.mini{ font-size: 18rpx;}
.med{ font-size: 26rpx;}
.def{ font-size: 34rpx;}
.sbtn_w100{ width: 100%; padding-left: 0; padding-right: 0;}
.sbtn_blueLinear{color: #fff; background-image: linear-gradient(90deg,#2BA6FF,#326BFF); }
.sbtn_blue_rim{ border: 1rpx solid #427AEB; color: #427AEB; } 
.sbtn_gray_rim{ border: 1rpx solid #8A857C; color: #8A857C; }
/*.sbtn_orange{ color: #fff; background:#F9862E; }
.sbtn_pink{ color: #fff; background:#EE4D4D; }
.sbtn_orange_rim{ border: 1rpx solid #F9862E; color: #F9862E; }
 .sbtn_yellow{ color: #fff; background:#EE4D4D; }
.sbtn_blue{ color: #fff; background:#49B1BB; }
.sbtn_yellow_rim{ border: 1rpx solid #EE4D4D; color: #EE4D4D; }

.sbtn_grayl{color: #fff; background:#B8B8B8; }*/
/* flex */
.flex{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.cXY{ display: flex;  align-items: center;justify-content: center;}
.cY{ display: flex; align-items: center;}
.cX{display: flex; justify-content: center}
.rowW{ display: flex; flex-wrap: wrap;}
.bX{ display: flex;   flex-direction: row; justify-content: space-between;} 
.bY{ display: flex;   flex-direction:column; justify-content: space-between;} 
.bcX{ display: flex; justify-content: space-between; align-items: center;}
.fx1{ flex: 1; overflow: hidden; }

.cAXY{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.shadowB{ position: relative;}
.shadowB::after{ content: ""; display: block; width: 100%; height: 8rpx; box-shadow: 0 6rpx 12rpx rgba(0,0,0,.08); top: -8rpx; left: 0; position: absolute; }



.sblue{ color: #427AEB;}

/* /deep/ .uicon-close .u-icon--right{ position: absolute; right: 30rpx; top: 30rpx; z-index: 999;} */
.popCloseBtn{ position: absolute; width:50rpx; height:50rpx; right: 20rpx; top: 20rpx;}
.fixedHeader{ position: absolute; left: 0; top: 0;}